<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        534536
    </title>
    <!--<link href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700" media="all" rel="stylesheet" type="text/css" />-->
    <link href="stylesheets/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/font-awesome.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/se7en-font.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/isotope.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/jquery.fancybox.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/fullcalendar.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/wizard.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/select2.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/morris.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/datatables.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/datepicker.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/timepicker.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/colorpicker.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/bootstrap-switch.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/daterange-picker.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/typeahead.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/summernote.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/pygments.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/style.css" media="all" rel="stylesheet" type="text/css" />
    <link href="stylesheets/color/green.css" media="all" rel="alternate stylesheet" title="green-theme" type="text/css" />
    <link href="stylesheets/color/orange.css" media="all" rel="alternate stylesheet" title="orange-theme" type="text/css" />
    <link href="stylesheets/color/magenta.css" media="all" rel="alternate stylesheet" title="magenta-theme" type="text/css" />
    <link href="stylesheets/color/gray.css" media="all" rel="alternate stylesheet" title="gray-theme" type="text/css" />
    <link rel="stylesheet" href="stylesheets/theme.css" media="all" rel="stylesheet" type="text/css" />


    <script src="javascripts/jquery.min.js" type="text/javascript"></script>
    <script src="javascripts/jquery-ui.js" type="text/javascript"></script>
    <script src="javascripts/bootstrap.min.js" type="text/javascript"></script>
    <script src="javascripts/raphael.min.js" type="text/javascript"></script>
    <script src="javascripts/selectivizr-min.js" type="text/javascript"></script>
    <script src="javascripts/jquery.mousewheel.js" type="text/javascript"></script>
    <script src="javascripts/jquery.vmap.min.js" type="text/javascript"></script>
    <script src="javascripts/jquery.vmap.sampledata.js" type="text/javascript">
    </script><script src="javascripts/jquery.vmap.world.js" type="text/javascript"></script>
    <script src="javascripts/jquery.bootstrap.wizard.js" type="text/javascript"></script>
    <script src="javascripts/fullcalendar.min.js" type="text/javascript"></script>
    <script src="javascripts/gcal.js" type="text/javascript"></script>
    <script src="javascripts/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="javascripts/datatable-editable.js" type="text/javascript"></script>
    <script src="javascripts/jquery.easy-pie-chart.js" type="text/javascript"></script>
    <script src="javascripts/excanvas.min.js" type="text/javascript"></script>
    <script src="javascripts/jquery.isotope.min.js" type="text/javascript"></script>
    <script src="javascripts/isotope_extras.js" type="text/javascript"></script>
    <script src="javascripts/modernizr.custom.js" type="text/javascript"></script>
    <script src="javascripts/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="javascripts/select2.js" type="text/javascript"></script>
    <script src="javascripts/styleswitcher.js" type="text/javascript"></script>
    <script src="javascripts/wysiwyg.js" type="text/javascript"></script>
    <script src="javascripts/summernote.min.js" type="text/javascript"></script>
    <script src="javascripts/jquery.inputmask.min.js" type="text/javascript"></script>
    <script src="javascripts/jquery.validate.js" type="text/javascript"></script>
    <script src="javascripts/bootstrap-fileupload.js" type="text/javascript"></script>
    <script src="javascripts/bootstrap-datepicker.js" type="text/javascript"></script>
    <script src="javascripts/bootstrap-timepicker.js" type="text/javascript"></script>
    <script src="javascripts/bootstrap-colorpicker.js" type="text/javascript"></script>
    <script src="javascripts/bootstrap-switch.min.js" type="text/javascript"></script>
    <script src="javascripts/typeahead.js" type="text/javascript"></script>
    <script src="javascripts/daterange-picker.js" type="text/javascript"></script>
    <script src="javascripts/date.js" type="text/javascript"></script>
    <script src="javascripts/morris.min.js" type="text/javascript"></script>
    <script src="javascripts/skycons.js" type="text/javascript"></script>
    <script src="javascripts/fitvids.js" type="text/javascript"></script>
    <script src="javascripts/jquery.sparkline.min.js" type="text/javascript"></script>
    <script src="javascripts/main.js" type="text/javascript"></script>
    <script src="javascripts/respond.js" type="text/javascript"></script>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
</head>
<body class="no-skin">
<div class="navbar ">
    <div class="container-fluid top-bar">
        <div class="pull-right">
            <ul class="nav navbar-nav pull-right">
                <li class="dropdown user hidden-xs"><a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <img width="34" height="34" src="images/avatar-male.jpg" />John Smith<b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">
                            <i class="icon-user"></i>My Account</a>
                        </li>
                        <li><a href="#">
                            <i class="icon-gear"></i>Account Settings</a>
                        </li>
                        <li><a href="login1.html">
                            <i class="icon-signout"></i>Logout</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
        <img  width="200px" id="logo_header" alt="80x80" src="images/mylogin_03.png" >
    </div>
</div>
<div class="form-group">

    <div class="col-md-12 col-sm-offset-1" >
        <h3 style="color: #4cb4ff; "><p class="bg-white" style="margin-bottom: -10px;margin-top: 10px" >个人信息</p></h3>
        <h4><p class="bg-info" style="width: 87% ;padding:10px" >首页/个人信息</p></h4>
    </div>
</div>
<div align="center">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="container-fluid">
                    <div class="form-group">

                        <div class="col-md-4 col-sm-offset-4" >
                            <img src="images/avatar-male.jpg" width="120px" height="120px" class="img-circle">
                            <br>
                            <h3 >王健林</h3>
                        </div>
                    </div>
                    <table method="post" class="table" style="width:280px;" action="#" enctype="multipart/form-data" class="form-horizontal">

                        <tr>
                            <th style="text-align: right"> 用户名:</th>
                            <td>WJN</td>
                        </tr>
                        <tr>
                            <th style="text-align: right"> 学校:</th>
                            <td>大连东软信息学院</td>
                        </tr>
                        <tr>
                            <th> 邮箱:</th>
                            <td ><input type="text"  class="form-control "  placeholder="WJL_work@163.com" ></td>
                        </tr>
                        <tr>
                            <th> 电话:</th>
                            <td><input type="text"  class="form-control "  placeholder="188-8888-8888" ></td>
                        </tr>
                        <tr>
                            <td><input type="text"  class="form-control "  placeholder="请输入验证码" ></td>
                            <td><input type="submit" class="btn btn-info" style=" margin: inherit; width: 120px; height: 30px;" value="获取验证码"></td>
                        </tr>
                        <br>
                        <tr style="height: 120px; ">
                            <td><a href="edit.html"><input type="submit" class="btn btn-info" style="width:80px"  value="确定"></a></td>
                            <td><input type="button" class="btn btn-danger" style="width:80px; margin-left:40px" value="取消"></a></td>
                        </tr>
                    </table>

                </div>

            </div>

        </div>
    </div>
</div>

</body>
</html>